<template>
	<view class="wait">
		<view class="icon">
			<image src="https://cdn3.axureshop.com/demo/2116044/images/%E7%BB%84%E4%BB%B6_%E8%A7%84%E8%8C%83/u691.svg"></image>	
		</view>
		<view class="text">
			黛西餐厅
		</view>
		<view class="container">
			<view class="shape"></view>
			<view class="shape"></view>
			<view class="shape"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onReady() {
			setTimeout(
			function(){
				uni.reLaunch({
				url:'/pages/home/home'
			})
			},2000)
		},
		methods: {
			
		}
	}
</script>

<style>
.wait{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
}
.icon{
	background-color: rgba(247, 114, 20, 1);
	margin-top: 250rpx;
	width: 100rpx;
	height: 100rpx;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius: 30rpx;
}
.icon image{
	width: 60rpx;
	height: 60rpx;
}
.text{
	color: #333;
	font-size: 35rpx;
	padding-top: 15rpx;
}
.container
   {
      position: relative;
      display:flex;
      justify-content:center;
      align-items:center;
	  padding-top: 30rpx;
   }
.shape
  {
     width: 15rpx;
     height: 15rpx;
	 
     background-color: gray;
     border-radius: 100%;
     display: inline-block;
     margin-left: 10px;
     animation: anim 1.4s infinite ease-in-out;
     animation-fill-mode: both;
   }
.shape:nth-child(1)
   {
     animation-delay: -0.32s;
   }
.shape:nth-child(2)
   {
     animation-delay: -0.16s;
   }
   @keyframes anim
   {
      0%, 80%, 100% { transform: scale(0.0); }
      40% { transform: scale(1.0); }
   }
</style>
